<template>
	<!--
    	作者：1550495493@qq.com
    	时间：2019-07-24
    	描述：培训报名
    -->
	<div class="Login">
		<div id="insitute-menu">
			<router-link to='/index'>
				<img src="../../images/home/logo.png" class="logo-img fl">
			</router-link>
		</div>
		<section class="section-box">
			<div class="login-nav">
				<div class="login-img fl"></div>
				<div class="login-box fr">
					<div class="tab-tit">
						<a href="javascript:;" @click="curId=0" :class="{'cur':curId===0}">账号登录</a>
						<a href="javascript:;" @click="curId=1" :class="{'cur':curId===1}">账号注册</a>
					</div>
					<div class="tab-con">

						<div v-show="curId===0">
							<input  class="input-box" type="text" id="userAccount"  placeholder="请输入用户名" />
							<div class="user-img">
								<img src="../../images/login/user.png" />
							</div>
							<input  class="input-box" type="password" id="userPassword" placeholder="请输入密码" />
							<div class="pwd-img">
								<img src="../../images/login/pwd.png" />
							</div>
							<input  class="input-box-btn" @click="login" type="button" value="登录" />
						</div>
						<div v-show="curId===1" id="theTrainingDiv">
              				<form id="senForm">
              				<div class="input-required">
								<input  class="input-box" type="text" name="name" placeholder="请输入学员名称" />
								<div class="user-img">
									<img src="../../images/training/2 (4).png" />
								</div>
							</div>
							<div class="input-required">
								<input  class="input-box" type="text" name="identityCard" placeholder="请输入身份证号" />
								<div class="pwd-img">
									<img src="../../images/training/2 (3).png" />
								</div>
							</div>
							<div class="input-required">
								<input  class="input-box" type="text" name="industry" placeholder="请输入从事行业" />
								<div class="user-img">
									<img src="../../images/training/2 (1).png" />
								</div>
							</div>	
							<div class="input-required">	
								<input  class="input-box" type="tel" name="phone" placeholder="请输入联系方式" />
								<div class="pwd-img">
									<img src="../../images/training/2 (2).png" />
								</div>
							</div>
							<div>
								
							
							<input  class="input-box-btn" @click="subForm" type="button" value="提交注册申请" />
              				</div>
              				</form>
						</div>

					</div>
				</div>
			</div>
		</section>
		<footer>
			<p>Copyright© 2005 西南大学新农村发展研究院　All rights reserved. 网站备案号：渝ICP备05000267 站长信箱：ADMIN@CRIC.CN</p>
		</footer>
	</div>

</template>
<script src="./TheTraining.js"></script>

<style scoped>
	@import "TheTraining.css"
</style>
